<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- <html xmlns="http://www.w3.org/1999/xhtml"> -->
<html xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="email=no" />
    <meta name="wap-font-scale"  content="no" />
    <meta name="viewport" content="user-scalable=no, width=device-width" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="favicon.ico"></link> <link th:href ="@{/static/login/css/bootstrap.min.css?v=3.3.5}" rel="stylesheet"></link>
    <link th:href ="@{/static/login/css/font-awesome.min.css?v=4.4.0}" rel="stylesheet"></link>
<link th:href ="@{/static/login/fonts/tmpfont.css?v=4.4.0}" rel="stylesheet"></link>
    <link th:href ="@{/static/login/fonts/smfont.css?v=4.4.0}" rel="stylesheet"></link>

    <link th:href ="@{/static/login/css/animate.min.css}" rel="stylesheet"></link>

    <link th:href ="@{/static/login/css/plugins/iCheck/custom.css}" rel="stylesheet"></link>
    <link th:href ="@{/static/login/css/plugins/fullcalendar/fullcalendar.css}" rel="stylesheet"></link>
    <link th:href ="@{/static/login/css/plugins/fullcalendar/fullcalendar.print.css}" rel="stylesheet"></link>


    <link th:href ="@{/static/login/css/style.min.css?v=4.0.0}" rel="stylesheet"></link>
    <link th:href ="@{/static/login/css/smart.css?v=4.1.0}" rel="stylesheet"></link>

</head>

<body class="gray-bg">


<div class="wrapper wrapper-content">
    <!--统计-->
    <div class="row sta_staff">
        <div class="col-sm-3">
            <div class="widget style1 navy-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="smfont smicon-daiban"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span>待办</span>
                        <h2 class="font-bold">41</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget style1 yellow-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="smfont smicon-shenqing"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span>我的申请</span>
                        <h2 class="font-bold">2</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget style1 blue-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="smfont smicon-youjian"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span>我的消息</span>
                        <h2 class="font-bold">10</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget style1 lazur-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="smfont smicon-yingyong"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span>我的工作</span>
                        <h2 class="font-bold">3</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="break_nor"></div>

    <!--图表-->
    <div class="row">
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>公园客流</h5>
                    <div class="pull-right">
                        <div class="btn-group">
                            <button type="button" class="btn btn-xs btn-white active">天</button>
                            <button type="button" class="btn btn-xs btn-white">月</button>
                            <button type="button" class="btn btn-xs btn-white">年</button>
                        </div>
                    </div>
                </div>
                <div class="ibox-content" style="height:267px;overflow: hidden">
                        <div id="keliu" style="height: 239px;"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的应用（工作）</h5>
                    <div class="ibox-tools">
                        <a class="">
                            <i class="tmpfont tmpicon-more"></i>
                        </a>
                    </div>
                </div>
                <div class="line_break"></div>
                <div class="myapp" style="height:267px;overflow: hidden">
                    <div class="block"><a href="##" class="pic" style="background-image: url(http://192.168.0.159:8086/static/login/img/app-zm.png)"></a><div class="title"><a href="##">智慧照明</a></div></div>
                    <div class="block"><a href="##" class="pic" style="background-image: url(http://192.168.0.159:8086/static/login/img/app-yh.png)"></a><div class="title"><a href="##">智慧养护</a></div></div>
                    <div class="block"><a href="##" class="pic" style="background-image: url(http://192.168.0.159:8086/static/login/img/app-tx.png)"></a><div class="title"><a href="##">通讯录</a></div></div>




                    <div class="float_clear"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的待办</h5>
                    <div class="ibox-tools">
                        <a class="">
                            <i class="tmpfont tmpicon-more"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content nicescroll" style="height:267px;overflow: hidden">
                    <ul class="sortable-list connectList agile-list ui-sortable">
                        <li class="warning-element">
                            公园西门左侧监控#2故障，请前往检查！
                            <div class="warning-detail">
                                <a href="#" class="pull-right btn btn-xs btn-warning">待处理</a>
                                <i class="fa fa-clock-o"></i> 2015.09.01
                            </div>
                        </li>
                        <li class="warning-element">
                            公园北门右侧wifi终端故障，请前往检查
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-warning">待处理</a>
                                <i class="fa fa-clock-o"></i> 2015.05.12
                            </div>
                        </li>
                        <li class="success-element">
                            您的巡更时间到了，请立即巡更！
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-white">已处理</a>
                                <i class="fa fa-clock-o"></i> 2015.09.10
                            </div>
                        </li>
                        <li class="success-element">
                            风筝广场北侧智能垃圾桶已满，请前往处理！
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-white">已处理</a>
                                <i class="fa fa-clock-o"></i> 2015.06.10
                            </div>
                        </li>
                        <li class="warning-element">
                            公园西门左侧监控#2故障，请前往检查！
                            <div class="warning-detail">
                                <a href="#" class="pull-right btn btn-xs btn-warning">待处理</a>
                                <i class="fa fa-clock-o"></i> 2015.09.01
                            </div>
                        </li>
                        <li class="warning-element">
                            公园北门右侧wifi终端故障，请前往检查
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-warning">待处理</a>
                                <i class="fa fa-clock-o"></i> 2015.05.12
                            </div>
                        </li>
                        <li class="success-element">
                            您的巡更时间到了，请立即巡更！
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-white">已处理</a>
                                <i class="fa fa-clock-o"></i> 2015.09.10
                            </div>
                        </li>
                        <li class="success-element">
                            风筝广场北侧智能垃圾桶已满，请前往处理！
                            <div class="agile-detail">
                                <a href="#" class="pull-right btn btn-xs btn-white">已处理</a>
                                <i class="fa fa-clock-o"></i> 2015.06.10
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--消息-->
    <div class="row">
        <div class="col-sm-4 ">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>审核和申请</h5>
                    <div class="ibox-tools">
                        <a class="">
                            <i class="tmpfont tmpicon-more"></i>
                        </a>
                    </div>
                </div>

                <div class="line_break"></div>

                <div class="table_div nicescroll" style="height:267px;overflow: hidden">
                    <div class="td_head">
                        <div class="block flex_box"><div class="flex_block title">标题</div><span class="cha4">类型</span><span class="cha4">时间</span><span class="cha4">状态</span><span class="cha4">操作</span></div>
                    </div>
                    <div class="td_body">
                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">我需要做一个体检，想后请个假,还望领导批准</a></div><span class="cha4">请假</span><span class="cha4">3天前</span><span class="cha4"><span class="label label-primary">通过</span></span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill  ignore" title="已完成"></a></span></div>
                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">为中希合作注入新动力 共建开放共享的世界经济</a></div><span class="cha4">新闻</span><span class="cha4">3天前</span><span class="cha4"><span class="label label-warning">驳回</span></span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill ignore" title="等待申请"></a></span></div>
                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">张雨萌添加监控#52</a></div><span class="cha4">设备</span><span class="cha4">3天前</span><span class="cha4">待审核</span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill"></a></span></div>
                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">我需要做一个体检，想后请个假</a></div><span class="cha4">请假</span><span class="cha4">3天前</span><span class="cha4"><span class="label label-warning">驳回</span></span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill  ignore" title="等待申请"></a></span></div>

                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">我需要做一个体</a></div><span class="cha4">请假</span><span class="cha4">3天前</span><span class="cha4">待审核</span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill"></a></span></div>

                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">我需要做一个体</a></div><span class="cha4">请假</span><span class="cha4">3天前</span><span class="cha4">待审核</span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill"></a></span></div>


                        <div class="line_break"></div>
                        <div class="block flex_box"><div class="flex_block title"><a href="##" class="ell">我需要做一个体</a></div><span class="cha4">请假</span><span class="cha4">3天前</span><span class="cha4">待审核</span><span class="cha4"><a href="##" class="tmpfont tmpicon-sealfill"></a></span></div>





                    </div>
                </div>


            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的消息</h5>
                    <div class="ibox-tools">
                        <a class="">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>

                <div class="line_break"></div>

                <div class="app_list news_list nicescroll" style="height:267px;overflow: hidden">

                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">党的十九大新闻中心举行第四场记者招待会</span></div><span class="impor_current">未读</span></div></a>
                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">十九大新闻中心举行“农业科技创新”集体采访</span></div><span class="impor_current">未读</span></div></a>
                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">十九大报告 习近平提到这些民生干货</span></div><span class="ignore">已读</span></div></a>
                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">展开美丽中国的时代画开美丽中国的时代画卷——十九大代表聚焦生态文明建设</span></div><span class="impor_current">未读</span></div></a>
                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">十九大报告 习近平提到这些民生干货</span></div><span class="ignore">已读</span></div></a>

                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">展开美丽中国的时代画开美丽中国的时代画卷——十九大代表聚焦生态文明建设</span></div><span class="impor_current">未读</span></div></a>

                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">展开美丽中国的时代画开美丽中国的时代画卷——十九大代表聚焦生态文明建设</span></div><span class="impor_current">未读</span></div></a>

                    <div class="line_break"></div>
                    <a href="##" class="app_list_block"><div class="flex_box"><div class="flex_block"><span class="ell">展开美丽中国的时代画开美丽中国的时代画卷——十九大代表聚焦生态文明建设</span></div><span class="impor_current">未读</span></div></a>

                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的领导</h5>
                    <div class="ibox-tools">
                        <a class="">
                            <i class="tmpfont tmpicon-more"></i>
                        </a>
                    </div>
                </div>

                <div class="line_break"></div>

                <div class="people_list white-bg nicescroll" style="height:267px;overflow: hidden">

                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/head01.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>职员</em></a>
                            <div class="h02">莲花山公园安防科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>
                    <div class="line_break"></div>
                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/default_head.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>科长</em></a>
                            <div class="h02">莲花山公园安防科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>
                    <div class="line_break"></div>
                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/head01.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>职员</em></a>
                            <div class="h02">莲花山公园环卫科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>
                    <div class="line_break"></div>
                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/head02.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>职员</em></a>
                            <div class="h02">莲花山公园行政科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>


                    <div class="line_break"></div>
                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/head02.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>职员</em></a>
                            <div class="h02">莲花山公园行政科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>



                    <div class="line_break"></div>
                    <div class="flex_box">
                        <a href="##" class="head" style="background-image:url(http://192.168.0.159:8086/static/login/img/head02.jpg);"></a>
                        <div class="flex_block">
                            <a href="##" class="h01">张魏军<em>职员</em></a>
                            <div class="h02">莲花山公园行政科</div>
                        </div>
                        <div class="operate"><a href="##" class="tmpfont tmpicon-telround" title="拨打电话"></a><a href="##" class="tmpfont tmpicon-community" title="在线聊天"></a></div>
                    </div>





                </div>


            </div>
        </div>



    </div>
    <!--日历-->
    <div class="row">
        <div class="col-sm-12">
                <div class="ibox-content">
                    <div id="calendar"></div>
                </div>
        </div>





    </div>

</div>

    <script id="welcome-template" type="text/x-handlebars-template">
 
    </script>
    <script th:src="@{/static/login/js/jquery.min.js?v=2.1.4}"></script>
    <script th:src="@{/static/login/js/bootstrap.min.js?v=3.3.5}"></script>
    <script th:src="@{/static/login/js/plugins/layer/layer.min.js}"></script>
    <script th:src="@{/static/login/js/content.min.js}"></script>
    <script th:src="@{/static/login/js/welcome.min.js}"></script>

<script th:src="@{/static/login/js/echarts.min.js}" type="text/javascript"></script><!--地图插件-->
<script th:src="@{/static/login/js/wonderland.js}" type="text/javascript"></script><!--地图插件-->
<script th:src="@{/static/login/js/PercentPie.js}" type="text/javascript"></script><!--地图插件-->

<script th:src="@{/static/login/js/plugins/iCheck/icheck.min.js}"></script>
<script th:src="@{/static/login/js/plugins/fullcalendar/fullcalendar.min.js}"></script>


<script th:src="@{/static/login/js/jquery.nicescroll.min.js}"></script><!--超出滚动插件-->


<script>
    $(document).ready(function () {



//滚动插件
        $(".nicescroll").niceScroll();//模拟滚动条


        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",});
        $("#external-events div.external-event").each(function () {
            var d = {title: $.trim($(this).text())};
            $(this).data("eventObject", d);
            $(this).draggable({zIndex: 999, revert: true, revertDuration: 0})
        });
        var b = new Date();
        var c = b.getDate();
        var a = b.getMonth();
        var e = b.getFullYear();
        $("#calendar").fullCalendar({
            header: {left: "prev,next", center: "title", right: "month,agendaWeek,agendaDay"},
            editable: true,
            droppable: true,
            drop: function (g, h) {
                var f = $(this).data("eventObject");
                var d = $.extend({}, f);
                d.start = g;
                d.allDay = h;
                $("#calendar").fullCalendar("renderEvent", d, true);
                if ($("#drop-remove").is(":checked")) {
                    $(this).remove()
                }
            },
            events: [{title: "上午9点整主持全园会议", start: new Date(e, a, 1)}, {
                title: "搞拔河比赛",
                start: new Date(e, a, c - 5),
                end: new Date(e, a, c - 2),
            }, {id: 999, title: "跟张洪江单独聊聊", start: new Date(e, a, c - 3, 16, 0), allDay: false,}, {
                id: 999,
                title: "今天休假一天",
                start: new Date(e, a, c + 4, 16, 0),
                allDay: false
            }, {title: "接待市局领导", start: new Date(e, a, c, 10, 30), allDay: false},{title: "会议", start: new Date(e, a, c, 10, 30), allDay: false},{title: "会议", start: new Date(e, a, c, 10, 30), allDay: false}, {
                title: "与领导到西餐厅吃饭", start: new Date(e, a, c, 12, 0), end: new Date(e, a, c, 14, 0), allDay: false
            }, {
                title: "接女儿下课",
                start: new Date(e, a, c + 1, 19, 0),
                end: new Date(e, a, c + 1, 22, 30),
                allDay: false
            }, {title: "学习《中国公园管理办法》", start: new Date(e, a, 28), end: new Date(e, a, 29), url: "##"}],
        })
    });
</script>

<script type="text/javascript">
/*<![CDATA[*/
    //echart
    //客流折线图

    var keliu = document.getElementById("keliu");
    var chart_keliu = echarts.init(keliu, 'wonderland');
    opt_keliu = {
        title: {
            text: ''
        },
        legend: {
            data: ['本周客流', '上周客流'],
            align: 'right',
            top:'4'
        },
        xAxis: {
            type: 'category',
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        yAxis: {
            name: '单位(万)',
            type: 'value',
        },
        series: [{
            name:'本周客流',
            data: [2.2, 2.5, 3.5, 2.8, 2.0, 4.5, 5.2],
            type: 'line'
        },{
            name:'上周客流',
            data: [1.2, 2.1, 2.9, 3.5, 2.4, 5.6, 4.8],
            type: 'line'
        }],
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            show: false,
            borderColor: '#19507c',
            x: 22,
            x2: 0,
            y: 36,
            y2:0,
            height: 181
        },

    };
    if (opt_keliu && typeof opt_keliu === "object") {
        chart_keliu.setOption(opt_keliu, true);
    }
    //部件柱状图
    var bujian = document.getElementById("bujian");
    var chart_bujian = echarts.init(bujian, 'wonderland');
    opt_bujian = {
        title: {
            text: ''
        },
        legend: {
            data: ['安防', '养护', '环卫'],
            align: 'left',
            top:'4',
            itemWidth:12,
            itemHeight:12,

        },
        xAxis: {
            type: 'category',
            data: [ '6月', '7月', '8月', '9月', '10月', '11月']
        },
        yAxis: {
            name: '单位(万)',
            type: 'value',
        },
        series: [ {
            name:'安防',
            type:'bar',
            barWidth : 10,
            data:[332, 301, 334, 390, 330, 320],
            itemStyle: {
                barBorderRadius: [10, 10, 0, 0],
            },
        },
            {
                name:'养护',
                type:'bar',
                barWidth : 10,
                data:[132, 101, 134, 90, 230, 210],
                itemStyle: {
                    barBorderRadius: [10, 10, 0, 0],
                },
            },
            {
                name:'环卫',
                type:'bar',
                barWidth : 10,
                data:[182, 191, 234, 290, 330, 310],
                itemStyle: {
                    barBorderRadius: [10, 10, 0, 0],
                },
            }],
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            show:false,
            x: 32,
            x2: 0,
            y: 36,
            y2:0,
            height: 180
        },

    };
    if (opt_bujian && typeof opt_bujian === "object") {
        chart_bujian.setOption(opt_bujian, true);
    }

    /*]]>*/
    </script>
</body>

</html>